<div class="inspection-detail">
  <div nz-form-item nz-row style="margin-top:15px;margin-bottom:10px;">
    <div nz-col [nzSpan]="6">
      <button nz-button [nzType]="'primary'" [nzSize]="'small'" col-offset-2 (click)="toBack()">
        <i class="anticon anticon-left"></i>
        <span>返回</span>
      </button>
    </div>
  </div>
  <nz-spin [nzSpinning]="isSpinning">
    <form nz-form [formGroup]="validateForm">
      <nz-table #nzTable [nzDataSource]="list" nzSize="middle" [nzBordered]="true" [nzIsPagination]="false" (nzDataChange)="displayDataChange($event)">
        <thead nz-thead>
          <tr>
            <th nz-th rowspan="2" colspan="5">
              <span>检查项目</span>
            </th>
            <th nz-th colspan="1">
              <span>注册代码</span>
            </th>
            <th nz-th rowspan="2" colspan="3">
              <span>备注</span>
            </th>
            <th nz-th rowspan="2" colspan="3">
              <span>图片</span>
            </th>
          </tr>
          <tr nz-tbody-tr>
            <th nz-th colspan="1">
              <span>{{inspectionBean.elevatorNum}}</span>
            </th>
          </tr>
        </thead>
        <tbody nz-tbody>
          <tr nz-tbody-tr>
            <td nz-td rowspan="3">
              <span>运行情况</span>
            </td>
            <td nz-td colspan="4">
              <span>运行指示灯(如果有)显示是否正常 </span>
            </td>
            <td nz-td *ngIf="showBean.instructionsClear&&showBean.instructionsClear.isOk==1">
              <i class="anticon anticon-check"></i>
            </td>
            <td nz-td *ngIf="showBean.instructionsClear&&showBean.instructionsClear.isOk==0">
              <i class="anticon anticon-close"></i>
            </td>
            <td nz-td colspan="3">{{showBean.instructionsClear?showBean.instructionsClear.remarks:""}}</td>
            <td nz-td colspan="3">
              <div *ngIf="showBean.instructionsClear">
                <img (click)="showLargeImage(titlepic,contentpic,footerpic,pic)" style="margin-left:2px;" *ngFor="let pic of showBean.instructionsClear.picUrl "
                  src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />
              </div>
            </td>
          </tr>
          <tr>
            <td nz-td colspan="4">
              <span>运行有无异常噪声、振动、剐蹭 </span>
            </td>
            <td nz-td *ngIf="showBean.carInteriorLighting&&showBean.carInteriorLighting.isOk==1">
              <i class="anticon anticon-check"></i>
            </td>
            <td nz-td *ngIf="showBean.carInteriorLighting&&showBean.carInteriorLighting.isOk==0">
              <i class="anticon anticon-close"></i>
            </td>
            <td nz-td colspan="3">{{showBean.carInteriorLighting?showBean.carInteriorLighting.remarks:""}}</td>
            <td nz-td colspan="3">
              <div *ngIf="showBean.carInteriorLighting">
                <img (click)="showLargeImage(titlepic,contentpic,footerpic,pic)" style="margin-left:2px;" *ngFor="let pic of showBean.carInteriorLighting.picUrl "
                  src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />
              </div>
            </td>
          </tr>
          <tr>
            <td nz-td colspan="4">
              <span>设备及周围的卫生是否良好 </span>
            </td>
            <td nz-td *ngIf="showBean.emergencyLighting&&showBean.emergencyLighting.isOk==1">
              <i class="anticon anticon-check"></i>
            </td>
            <td nz-td *ngIf="showBean.emergencyLighting&&showBean.emergencyLighting.isOk==0">
              <i class="anticon anticon-close"></i>
            </td>
            <td nz-td colspan="3">{{showBean.emergencyLighting?showBean.emergencyLighting.remarks:""}}</td>
            <td nz-td colspan="3">
              <div *ngIf="showBean.emergencyLighting">
                <img (click)="showLargeImage(titlepic,contentpic,footerpic,pic)" style="margin-left:2px;" *ngFor="let pic of showBean.emergencyLighting.picUrl "
                  src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />
              </div>
            </td>
          </tr>
          <tr>
            <td nz-td rowspan="3">
              <span>扶手装置</span>
            </td>
            <td nz-td colspan="4">
              <span>扶手带运行速度是否正常，有无毛刺和机械损伤 </span>
            </td>
            <td nz-td *ngIf="showBean.emergencyAlarmDevice&&showBean.emergencyAlarmDevice.isOk==1">
              <i class="anticon anticon-check"></i>
            </td>
            <td nz-td *ngIf="showBean.emergencyAlarmDevice&&showBean.emergencyAlarmDevice.isOk==0">
              <i class="anticon anticon-close"></i>
            </td>
            <td nz-td colspan="3">{{showBean.emergencyAlarmDevice?showBean.emergencyAlarmDevice.remarks:""}}</td>
            <td nz-td colspan="3">
              <div *ngIf="showBean.emergencyAlarmDevice">
                <img (click)="showLargeImage(titlepic,contentpic,footerpic,pic)" style="margin-left:2px;" *ngFor="let pic of showBean.emergencyAlarmDevice.picUrl "
                  src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />
              </div>
            </td>
          </tr>
          <tr>
            <td nz-td colspan="4">
              <span>扶手栏杆和玻璃是否牢固可靠及完好无损，扶手照明(如果有)是否正常 </span>
            </td>
            <td nz-td *ngIf="showBean.doorClipHolder&&showBean.doorClipHolder.isOk==1">
              <i class="anticon anticon-check"></i>
            </td>
            <td nz-td *ngIf="showBean.doorClipHolder&&showBean.doorClipHolder.isOk==0">
              <i class="anticon anticon-close"></i>
            </td>
            <td nz-td colspan="3">{{showBean.doorClipHolder?showBean.doorClipHolder.remarks:""}}</td>
            <td nz-td colspan="3">
              <div *ngIf="showBean.doorClipHolder">
                <img (click)="showLargeImage(titlepic,contentpic,footerpic,pic)" style="margin-left:2px;" *ngFor="let pic of showBean.doorClipHolder.picUrl "
                  src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />
              </div>
            </td>
          </tr>
          <tr>
            <td nz-td colspan="4">
              <span>扶手带开口和导轨间有无异物 </span>
            </td>
            <td nz-td *ngIf="showBean.switchDoorFlexible&&showBean.switchDoorFlexible.isOk==1">
              <i class="anticon anticon-check"></i>
            </td>
            <td nz-td *ngIf="showBean.switchDoorFlexible&&showBean.switchDoorFlexible.isOk==0">
              <i class="anticon anticon-close"></i>
            </td>
            <td nz-td colspan="3">{{showBean.switchDoorFlexible?showBean.switchDoorFlexible.remarks:""}}</td>
            <td nz-td colspan="3">
              <div *ngIf="showBean.switchDoorFlexible">
                <img (click)="showLargeImage(titlepic,contentpic,footerpic,pic)" style="margin-left:2px;" *ngFor="let pic of showBean.switchDoorFlexible.picUrl "
                  src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />
              </div>
            </td>
          </tr>
          <tr>
            <td nz-td rowspan="6">
              <span>梯级、踏板和围裙板</span>
            </td>
            <td nz-td colspan="4">
              <span>梯级齿槽内有无硬质杂物 </span>
            </td>
            <td nz-td *ngIf="showBean.runningWithoutException&&showBean.runningWithoutException.isOk==1">
              <i class="anticon anticon-check"></i>
            </td>
            <td nz-td *ngIf="showBean.runningWithoutException&&showBean.runningWithoutException.isOk==0">
              <i class="anticon anticon-close"></i>
            </td>
            <td nz-td colspan="3">{{showBean.runningWithoutException?showBean.runningWithoutException.remarks:""}}</td>
            <td nz-td colspan="3">
              <div *ngIf="showBean.runningWithoutException">
                <img (click)="showLargeImage(titlepic,contentpic,footerpic,pic)" style="margin-left:2px;" *ngFor="let pic of showBean.runningWithoutException.picUrl "
                  src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />
              </div>
            </td>
          </tr>
          <tr>
            <td nz-td colspan="4">
              <span>梯级或踏板是否有缺损、裂纹，梯级或踏板之间间隙是否正常 </span>
            </td>
            <td nz-td *ngIf="showBean.operationLevelNormal&&showBean.operationLevelNormal.isOk==1">
              <i class="anticon anticon-check"></i>
            </td>
            <td nz-td *ngIf="showBean.operationLevelNormal&&showBean.operationLevelNormal.isOk==0">
              <i class="anticon anticon-close"></i>
            </td>
            <td nz-td colspan="3">{{showBean.operationLevelNormal?showBean.operationLevelNormal.remarks:""}}</td>
            <td nz-td colspan="3">
              <div *ngIf="showBean.operationLevelNormal">
                <img (click)="showLargeImage(titlepic,contentpic,footerpic,pic)" style="margin-left:2px;" *ngFor="let pic of showBean.operationLevelNormal.picUrl "
                  src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />
              </div>
            </td>
          </tr>
          <tr>
            <td nz-td colspan="4">
              <span>围裙板及内外盖板连接是否牢固，凸台或间隙有无异常 </span>
            </td>
            <td nz-td *ngIf="showBean.layerButtonNormal&&showBean.layerButtonNormal.isOk==1">
              <i class="anticon anticon-check"></i>
            </td>
            <td nz-td *ngIf="showBean.layerButtonNormal&&showBean.layerButtonNormal.isOk==0">
              <i class="anticon anticon-close"></i>
            </td>
            <td nz-td colspan="3">{{showBean.layerButtonNormal?showBean.layerButtonNormal.remarks:""}}</td>
            <td nz-td colspan="3">
              <div *ngIf="showBean.layerButtonNormal">
                <img (click)="showLargeImage(titlepic,contentpic,footerpic,pic)" style="margin-left:2px;" *ngFor="let pic of showBean.layerButtonNormal.picUrl "
                  src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />
              </div>
            </td>
          </tr>
          <tr>
            <td nz-td colspan="4">
              <span>围裙板防夹装置(如果有)是否缺损，固定是否牢靠 </span>
            </td>
            <td nz-td *ngIf="showBean.callButtonNormal&&showBean.callButtonNormal.isOk==1">
              <i class="anticon anticon-check"></i>
            </td>
            <td nz-td *ngIf="showBean.callButtonNormal&&showBean.callButtonNormal.isOk==0">
              <i class="anticon anticon-close"></i>
            </td>
            <td nz-td colspan="3">{{showBean.callButtonNormal?showBean.callButtonNormal.remarks:""}}</td>
            <td nz-td colspan="3">
              <div *ngIf="showBean.callButtonNormal">
                <img (click)="showLargeImage(titlepic,contentpic,footerpic,pic)" style="margin-left:2px;" *ngFor="let pic of showBean.callButtonNormal.picUrl "
                  src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />
              </div>
            </td>
          </tr>
          <tr>
            <td nz-td colspan="4">
              <span>梯级或踏板与围裙板间隙是否正常 </span>
            </td>
            <td nz-td *ngIf="showBean.floorMonitorNormal&&showBean.floorMonitorNormal.isOk==1">
              <i class="anticon anticon-check"></i>
            </td>
            <td nz-td *ngIf="showBean.floorMonitorNormal&&showBean.floorMonitorNormal.isOk==0">
              <i class="anticon anticon-close"></i>
            </td>
            <td nz-td colspan="3">{{showBean.floorMonitorNormal?showBean.floorMonitorNormal.remarks:""}}</td>
            <td nz-td colspan="3">
              <div *ngIf="showBean.floorMonitorNormal">
                <img (click)="showLargeImage(titlepic,contentpic,footerpic,pic)" style="margin-left:2px;" *ngFor="let pic of showBean.floorMonitorNormal.picUrl "
                  src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />
              </div>
            </td>
          </tr>
          <tr>
            <td nz-td colspan="4">
              <span>梯级或踏板是否清洁、无油污 </span>
            </td>
            <td nz-td *ngIf="showBean.staircaseLightNormal&&showBean.staircaseLightNormal.isOk==1">
              <i class="anticon anticon-check"></i>
            </td>
            <td nz-td *ngIf="showBean.staircaseLightNormal&&showBean.staircaseLightNormal.isOk==0">
              <i class="anticon anticon-close"></i>
            </td>
            <td nz-td colspan="3">{{showBean.staircaseLightNormal?showBean.staircaseLightNormal.remarks:""}}</td>
            <td nz-td colspan="3">
              <div *ngIf="showBean.staircaseLightNormal">
                <img (click)="showLargeImage(titlepic,contentpic,footerpic,pic)" style="margin-left:2px;" *ngFor="let pic of showBean.staircaseLightNormal.picUrl "
                  src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />
              </div>
            </td>
          </tr>
          <tr>
            <td nz-td rowspan="6">
              <span>出入口</span>
            </td>
            <td nz-td colspan="4">
              <span>扶手带入口处保护装置动作是否灵活、可靠 </span>
            </td>
            <td nz-td *ngIf="showBean.doorNoDeformation&&showBean.doorNoDeformation.isOk==1">
              <i class="anticon anticon-check"></i>
            </td>
            <td nz-td *ngIf="showBean.doorNoDeformation&&showBean.doorNoDeformation.isOk==0">
              <i class="anticon anticon-close"></i>
            </td>
            <td nz-td colspan="3">{{showBean.doorNoDeformation?showBean.doorNoDeformation.remarks:""}}</td>
            <td nz-td colspan="3">
              <div *ngIf="showBean.doorNoDeformation">
                <img (click)="showLargeImage(titlepic,contentpic,footerpic,pic)" style="margin-left:2px;" *ngFor="let pic of showBean.doorNoDeformation.picUrl "
                  src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />
              </div>
            </td>
          </tr>
          <tr>
            <td nz-td colspan="4">
              <span>楼层板及梳齿支撑板是否清洁、无油污，楼层盖板是否固定可靠 </span>
            </td>
            <td nz-td *ngIf="showBean.gateNoGap&&showBean.gateNoGap.isOk==1">
              <i class="anticon anticon-check"></i>
            </td>
            <td nz-td *ngIf="showBean.gateNoGap&&showBean.gateNoGap.isOk==0">
              <i class="anticon anticon-close"></i>
            </td>
            <td nz-td colspan="3">{{showBean.gateNoGap?showBean.gateNoGap.remarks:""}}</td>
            <td nz-td colspan="3">
              <div *ngIf="showBean.gateNoGap">
                <img (click)="showLargeImage(titlepic,contentpic,footerpic,pic)" style="margin-left:2px;" *ngFor="let pic of showBean.gateNoGap.picUrl "
                  src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />
              </div>
            </td>
          </tr>
          <tr>
            <td nz-td colspan="4">
              <span>出入口是否便于疏散通畅且不被占用 </span>
            </td>
            <td nz-td *ngIf="showBean.accessAndLighting&&showBean.accessAndLighting.isOk==1">
              <i class="anticon anticon-check"></i>
            </td>
            <td nz-td *ngIf="showBean.accessAndLighting&&showBean.accessAndLighting.isOk==0">
              <i class="anticon anticon-close"></i>
            </td>
            <td nz-td colspan="3">{{showBean.accessAndLighting?showBean.accessAndLighting.remarks:""}}</td>
            <td nz-td colspan="3">
              <div *ngIf="showBean.accessAndLighting">
                <img (click)="showLargeImage(titlepic,contentpic,footerpic,pic)" style="margin-left:2px;" *ngFor="let pic of showBean.accessAndLighting.picUrl "
                  src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />
              </div>
            </td>
          </tr>
          <tr>
            <td nz-td colspan="4">
              <span>待机运行的设备，入口处的检测装置(如果有)是否可靠正常 </span>
            </td>
            <td nz-td *ngIf="showBean.distributionBoxLocked&&showBean.distributionBoxLocked.isOk==1">
              <i class="anticon anticon-check"></i>
            </td>
            <td nz-td *ngIf="showBean.distributionBoxLocked&&showBean.distributionBoxLocked.isOk==0">
              <i class="anticon anticon-close"></i>
            </td>
            <td nz-td colspan="3">{{showBean.distributionBoxLocked?showBean.distributionBoxLocked.remarks:""}}</td>
            <td nz-td colspan="3">
              <div *ngIf="showBean.distributionBoxLocked">
                <img (click)="showLargeImage(titlepic,contentpic,footerpic,pic)" style="margin-left:2px;" *ngFor="let pic of showBean.distributionBoxLocked.picUrl "
                  src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />
              </div>
            </td>
          </tr>
          <tr>
            <td nz-td colspan="4">
              <span>停止开关、钥匙启动开关功能是否正常 </span>
            </td>
            <td nz-td *ngIf="showBean.normalCall&&showBean.normalCall.isOk==1">
              <i class="anticon anticon-check"></i>
            </td>
            <td nz-td *ngIf="showBean.normalCall&&showBean.normalCall.isOk==0">
              <i class="anticon anticon-close"></i>
            </td>
            <td nz-td colspan="3">{{showBean.normalCall?showBean.normalCall.remarks:""}}</td>
            <td nz-td colspan="3">
              <div *ngIf="showBean.normalCall">
                <img (click)="showLargeImage(titlepic,contentpic,footerpic,pic)" style="margin-left:2px;" *ngFor="let pic of showBean.normalCall.picUrl "
                  src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />
              </div>
            </td>
          </tr>
          <tr>
            <td nz-td colspan="4">
              <span>梳齿板是否完好无损 </span>
            </td>
            <td nz-td *ngIf="showBean.controllerNoDust&&showBean.controllerNoDust.isOk==1">
              <i class="anticon anticon-check"></i>
            </td>
            <td nz-td *ngIf="showBean.controllerNoDust&&showBean.controllerNoDust.isOk==0">
              <i class="anticon anticon-close"></i>
            </td>
            <td nz-td colspan="3">{{showBean.controllerNoDust?showBean.controllerNoDust.remarks:""}}</td>
            <td nz-td colspan="3">
              <div *ngIf="showBean.controllerNoDust">
                <img (click)="showLargeImage(titlepic,contentpic,footerpic,pic)" style="margin-left:2px;" *ngFor="let pic of showBean.controllerNoDust.picUrl "
                  src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />
              </div>
            </td>
          </tr>
          <tr>
            <td nz-td rowspan="2">
              <span>保护装置</span>
            </td>
            <td nz-td colspan="4">
              <span>检查防爬装置(如果有)及交叉处的垂直防护挡板是否设置及完好 </span>
            </td>
            <td nz-td *ngIf="showBean.contactorNoNoise&&showBean.contactorNoNoise.isOk==1">
              <i class="anticon anticon-check"></i>
            </td>
            <td nz-td *ngIf="showBean.contactorNoNoise&&showBean.contactorNoNoise.isOk==0">
              <i class="anticon anticon-close"></i>
            </td>
            <td nz-td colspan="3">{{showBean.contactorNoNoise?showBean.contactorNoNoise.remarks:""}}</td>
            <td nz-td colspan="3">
              <div *ngIf="showBean.contactorNoNoise">
                <img (click)="showLargeImage(titlepic,contentpic,footerpic,pic)" style="margin-left:2px;" *ngFor="let pic of showBean.contactorNoNoise.picUrl "
                  src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />
              </div>
            </td>
          </tr>
          <tr>
            <td nz-td colspan="4">
              <span>检查阻挡装置和防滑装置(如果有)是否设置及完好 </span>
            </td>
            <td nz-td *ngIf="showBean.machineNoException&&showBean.machineNoException.isOk==1">
              <i class="anticon anticon-check"></i>
            </td>
            <td nz-td *ngIf="showBean.machineNoException&&showBean.machineNoException.isOk==0">
              <i class="anticon anticon-close"></i>
            </td>
            <td nz-td colspan="3">{{showBean.machineNoException?showBean.machineNoException.remarks:""}}</td>
            <td nz-td colspan="3">
              <div *ngIf="showBean.machineNoException">
                <img (click)="showLargeImage(titlepic,contentpic,footerpic,pic)" style="margin-left:2px;" *ngFor="let pic of showBean.machineNoException.picUrl "
                  src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />
              </div>
            </td>
          </tr>
          <tr>
            <td nz-td rowspan="1">
              <span>保护装置</span>
            </td>
            <td nz-td colspan="4">
              <span>检查电梯使用标志，安全警示标志是否设置完好 </span>
            </td>
            <td nz-td *ngIf="showBean.emergencyProceduresClear&&showBean.emergencyProceduresClear.isOk==1">
              <i class="anticon anticon-check"></i>
            </td>
            <td nz-td *ngIf="showBean.emergencyProceduresClear&&showBean.emergencyProceduresClear.isOk==0">
              <i class="anticon anticon-close"></i>
            </td>
            <td nz-td colspan="3">{{showBean.emergencyProceduresClear?showBean.emergencyProceduresClear.remarks:""}}</td>
            <td nz-td colspan="3">
              <div *ngIf="showBean.emergencyProceduresClear">
                <img (click)="showLargeImage(titlepic,contentpic,footerpic,pic)" style="margin-left:2px;" *ngFor="let pic of showBean.emergencyProceduresClear.picUrl "
                  src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />
              </div>
            </td>
          </tr>
          <tr>
            <td nz-td>
              <span>其它事项</span>
            </td>
            <td nz-td colspan="9">
              <span>{{inspectionBean.other}}</span>
            </td>
          </tr>
          <tr>
            <td nz-td>
              <span>检查总结</span>
            </td>
            <td nz-td colspan="9">
              <span>{{inspectionBean.inspectionSummary}}</span>
            </td>
          </tr>
          <tr>
            <td nz-td>
              <span>备注</span>
            </td>
            <td nz-td colspan="9">
              <span>{{inspectionBean.remarks}}</span>
            </td>
          </tr>
          <tr>
            <td nz-td>
              <span>检查人</span>
            </td>
            <td nz-td colspan="9">
              <span>{{inspectionBean.checkUserName}}</span>
            </td>
          </tr>
        </tbody>
      </nz-table>
    </form>
  </nz-spin>
</div>

<ng-template #titlepic>
  <span>图片</span>
</ng-template>
<ng-template #contentpic>
  <enlarge-pic [inValue]="picList" (outPut)="addOutPut($event)"></enlarge-pic>
</ng-template>
<ng-template #footerpic>
  <div>
  </div>
</ng-template>
